 
<link rel="stylesheet" href="${plugin}/jquery-treegrid/css/jquery.treegrid.css">
<link rel="stylesheet" href="${ctx}/static/css/style.css" > 
<!-- 搜索框 开始 -->
<div class="page-header">
</div>
   <!-- 搜索框 end -->
    <!-- 内容主体开始 -->
<div class="row">
	<div class="col-xs-12">
		 <table class="table tree table-striped table-bordered table-hover">
		 <thead>
		   <tr>
		    <th>资源名称</th>
		    <th>资源权限</th>
		    <th>资源路径</th>
		    <th>资源类型</th>
		   </tr>
		 </thead>
		  <% for(res in data.list){ %>
             <tr class="treegrid-${res.id}  treegrid-parent-${res.pId}" id="res_${res.id}">
                  <td>${res.name}</td><td>${res.permission}</td><td>${res.url}</td><td>${res.type}</td>
             </tr>
		　　<% } %>
            </table>	
	</div> 
</div>  
<!-- page specific plugin scripts -->
<script type="text/javascript" src="${plugin}/jquery-treegrid/js/jquery.treegrid.js"></script>
<script type="text/javascript" src="${plugin}/jquery-treegrid/js/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript"> 
jQuery(function($){
	 $('.tree').treegrid({
         expanderExpandedClass: 'glyphicon glyphicon-minus',
         expanderCollapsedClass: 'glyphicon glyphicon-plus'
     });
})
</script> 
 
 